<!DOCTYPE html>
<html lang="en" ng-app="MainModule">
<head>
    <title>Home</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="/css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="/css/style.css" type="text/css" media="all">
    <script type="text/javascript" src="/js/jquery-1.6.js"></script>
    <script type="text/javascript" src="/js/cufon-yui.js"></script>
    <script type="text/javascript" src="/js/cufon-replace.js"></script>
    <script type="text/javascript" src="/js/Didact_Gothic_400.font.js"></script>
    <script type="text/javascript" src="/js/Shanti_400.font.js"></script>
    <script src="/js/roundabout.js" type="text/javascript"></script>
    <script src="/js/roundabout_shapes.js" type="text/javascript"></script>
    <script src="/js/jquery.easing.1.2.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/script.js"></script>
    <style>
        p {
            padding-bottom: 0 !important;
        }
    </style>

</head>
<body id="page2">
<div class="body1">
    <div class="main">
        <!-- header -->
        <header>
            <div class="wrapper">
                <nav>
                    <ul id="top_nav"></ul>
                </nav>
                <span class="date">Monday, June 6, 2011  &nbsp; &nbsp; 17:19</span>
                <span class="telephone" style="position:relative;top:5px;left:320px; font-size:20px"> 0950043454 (Call Tollfree 24*7)</span>

            </div>
            <div class="wrapper">
                <h1><a href="index.html" id="logo">Pro Soft</a></h1>
                <nav>
                    <ul id="menu">
                        <li ><a href="index.html"><span><span>Home</span></span></a></li>
                        <li ><a href="Products.html"><span><span>Products</span></span></a></li>
                        <li id="menu_active"><a href="Download.html"><span><span>Download</span></span></a></li>
                        <li><a href="Purchase.html"><span><span>Purchase</span></span></a></li>
                        <li class="nav4"><a href="Support.html"><span><span>Support</span></span></a></li>
                        <li class="nav5"><a href="Contacts.html"><span><span>Contacts</span></span></a></li>
                    </ul>
                </nav>
            </div>
        </header>

        <!-- content -->
        <article id="content">
            <div class="product_content" ng-controller="ProductCtrl">
                <div class="product" ng-repeat="prod in prods track by $index">
                    <div class="product_image">
                        <img src="images/{{prod.Image}}" alt="Alternate Text" />
                    </div>
                    <div class="description_item">
                        <a href="#" class="title_product">{{prod.Title}}</a>
                        <ul class="description_list">
                            <li>{{prod.Description_one}}</li>
                            <li>{{prod.Description_two}}</li>
                            <li>{{prod.Description_free}}</li>
                        </ul>
                        <a href="#" class="link_button">
                            <img src="/images/DownloadBtn.png" />
                        </a>
                    </div>
                </div>
            </div>
        </article>
    </div>
</div>
<div class="body2">
    <div class="main">
        <article id="content2">
            <section class="col1"></section>
            <section class="col_1">
                <h3>Our website</h3>
                <ul class="list1">
                    <li><a href="/Home/Products">Products</a></li>
                    <li><a href="/Home/Download">Download</a></li>
                    <li><a href="/Home/Purchase">Purchase</a></li>
                    <li><a href="/Home/Support">Support</a></li>
                    <li><a href="/Home/Contacts">Contacts</a></li>
                </ul>
            </section>

            <section class="col2" style="width:300px;">
                <table border="0" cellspacing="0" cellpadding="0" width="300">
                    <tbody>
                    <tr>
                        <td width="40"></td>
                        <td><h3>Top products</h3></td>
                    </tr>
                    <tr>
                        <td rowspan="5" valign="top"><img border="0" src="http://www.systweak.com/Images/common/product_icon_bottom.gif" style="margin-top:7px;"></td>
                        <td>
                            <p style="margin-top:10px"><a href="#" class="BlackBoldNewText" title="Advanced System Optimizer">Some product</a></p>
                            <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                        </td>
                    </tr>
                    <tr>

                        <td>
                            <p><a href="#" class="BlackBoldNewText" title="RegClean Pro">Some product</a></p>
                            <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                        </td>
                    </tr>
                    <tr>

                        <td>
                            <p><a href="#" class="BlackBoldNewText" title="Advanced Driver Updater">Some product</a></p>
                            <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                        </td>
                    </tr>
                    <tr>

                        <td>
                            <p><a href="#" class="BlackBoldNewText" title="Advanced System Protector">Some product</a></p>
                            <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                        </td>
                    </tr>
                    <tr>

                        <td>
                            <p><a href="#" class="BlackBoldNewText" title="Disk Speedup">Some product</a></p>
                            <p class="ProductPeraMargin BlackNormalNewText">Some description</p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </section>
            <section class="col_1">
                <h3>Support</h3>
                <ul class="list1">
                    <li><a href="/Home/Support">Support ticket</a></li>
                    <li><a href="/Home/Support">Top support</a></li>
                    <li><a href="/Home/Support">Support</a></li>
                </ul>
            </section>
        </article>
        <!-- / content -->
    </div>
</div>
<div class="main">

</div>
<script type="text/javascript"> Cufon.now();</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script type="text/javascript" src="js/AngularControllers/ProductCtrl.js"></script>
<script type="text/javascript" src="js/angularModules/mainModule.js"></script>
</body>
</html>